﻿html, body { font-family: 'Microsoft YaHei','Microsoft YaHei UI',Arial; font-size: 14px; }


/*
    font-size
*/
.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }
.text-xxl { font-size: 20px; }

/*.logo { text-align: center;margin-bottom:20px; }
    .logo .logo-title { font-size: 40px; font-weight: bold;margin-top:10px; }
    .logo .logo-subtitle{font-size:22px;margin-top:10px;font-weight:bold; color:#999;}*/

a { color: #000; }
    a:hover { text-decoration: none; color: #888; }

.hover-underline:hover { text-decoration:underline;}


.pointer { cursor:pointer;}


.markdown-body pre code { padding: 10px; border: 1px solid #ccc; background-color: #eee;  }
.markdown-body blockquote { display: block; padding: 8px; margin: 0 0 24px 0; border-left: 8px solid #DDDFE4; background: #EEF0F4; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
.markdown-area > .markdown-body pre code { font-size: 14px; overflow-y:scroll; max-height:400px}
.markdown-area > .markdown-body blockquote { }
.markdown-area > .markdown-body h1,
.markdown-area > .markdown-body h2,
.markdown-area > .markdown-body h3,
.markdown-area > .markdown-body h4,
.markdown-area > .markdown-body h5,
.markdown-area > .markdown-body h6 { margin-top: 15px; margin-bottom: 15px; line-height: 40px; }
.markdown-area > .markdown-body h2 { padding-bottom: 5px; border-bottom: 2px solid #ccc; }
.markdown-body a { color: #007bff }
    .markdown-body a:hover { color: #0056b3 ;text-decoration:underline}
.markdown-area > .markdown-body img { width:100%}

/*.footer { position:relative; bottom:0px;width:100%; padding-top:10px;padding-bottom:10px;background-color:#eee;height:60px;}
    .footer a { color:#333;}*/
/*.footer ul.list { list-style-type:none;}
        footer ul.list li { float:left;margin-left:5px;margin-right:5px; width:100px;}
            footer ul.list li:after { content:contents}*/
/*.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-40 { padding-top: 40px; }

.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-40 { padding-bottom: 40px; }


.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }*/
.toolbox { position: fixed; bottom: 60px; right: 8%; z-index: 9999; }
    /*.toolbox > ul > li { list-style-type: none; min-width: 60px; text-align: center; line-height: 50px; cursor: pointer; }
        .toolbox > ul > li > a { padding-top:10px;}
        .toolbox > ul > li .feedback { background: #ff6a00; color: #fff; display: block; width: 100%; height: 100% }
        .toolbox > ul > li #back-to-top.show { opacity: 1; }
        .toolbox > ul > li #back-to-top { background: #eee; color: #444; opacity: 0; transition: opacity .2s ease-out; border: 1px solid #ddd; }*/

        /*上传*/
.file-drop-zone { border: dotted 3px lightgray; height:200px;  display:table-cell; overflow:hidden; width:300px; vertical-align:middle; background-color:#eee;color:#999;}
    .file-drop-zone .drop-text { position: relative; vertical-align: middle; display: block;width:100%; }
.nv-file-over { border: dotted 3px green; }


.img-avatar-200 { width: 200px; height: 200px; }
.img-avatar-150{width:150px;height:150px;}
.img-avatar-100 { width: 100px; height: 100px; }
.img-avatar-50 { width: 50px; height: 50px; }
.img-avatar-25 { width: 25px; height: 25px; }
.img-avatar-16 { width: 16px; height: 16px; }




.text-golden {color:#FFC900; }